<!-- 
/**
 * egpUsers.tpl
 * 
 * (C) 2009, tetsuya.odaka(EzoGP).
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 -->
{include '../Myznala/templates/myHeader.tpl'}

<!-- ==========  追加スタイルとスクリプト   ============ -->
<link rel="stylesheet" type="text/css" href="../scripts/lib/yui/build/paginator/assets/skins/sam/paginator.css" /> 
<link rel="stylesheet" type="text/css" href="../scripts/lib/yui/build/datatable/assets/skins/sam/datatable.css" /> 
<link rel="stylesheet" type="text/css" href="../scripts/lib/yui/build/autocomplete/assets/skins/sam/autocomplete.css" /> 
<style type="text/css"> 

/* サブウィンドウのスタイル */
#egp-my-window {
	visibility:hidden;
	width:450px;
	background: #C0FF3E; 
/*	border:2px solid #C0FF3E;*/
	z-index:1;
}

#egp-my-subwindow {
	text-aligh:center;
	padding:3px;
	background: #FFFFFF; 
	background: #C0FF3E; 
}

#egp-my-subwindow table {
background: #FFFFFF;
}

</style> 

<script type="text/javascript" src="../scripts/lib/yui/build/element/element.js"></script> 
<script type="text/javascript" src="../scripts/lib/yui/build/paginator/paginator-min.js"></script> 
<script type="text/javascript" src="../scripts/lib/yui/build/datasource/datasource-min.js"></script> 
<script type="text/javascript" src="../scripts/lib/yui/build/datatable/datatable-min.js"></script>
<script type="text/javascript" src="../scripts/lib/yui/build/autocomplete/autocomplete-min.js"></script>
<script type="text/javascript" src="../scripts/myznala-form-yui.js"></script>
<script type="text/javascript" src="scripts/egpusers-allasync-control-inc.js"></script>

<script type="text/javascript">

////////////////////////////////////////////////////////////////////////////
// 初期化処理
////////////////////////////////////////////////////////////////////////////

// テーブルハンドリングインスタンスの生成
var tObj = new EzTable(); 
YAHOO.util.Event.onDOMReady(
	tObj.init,
	tObj,
	true
);

//　新規データ登録のイメージにハンドラーを設定する。
YAHOO.util.Event.on('egp-my-entry-subwindow-open',
	'click',
	tObj.createEntrySubWindow,
	tObj,
	true
);

//サーチのイメージにハンドラーを設定する。
YAHOO.util.Event.on('egp-my-ac-search',
		'click',
		tObj.reviceTable,
		tObj,
		true
	);

//画面リフレッシュのイメージにハンドラーを設定する。
YAHOO.util.Event.on('egp-my-dt-refresh',
	'click',
	tObj.refreshScreen,
	tObj,
	true
);

//アップロードのイメージにハンドラーを設定する。
YAHOO.util.Event.on('egp-my-upload-subwindow-open',
	'click',
	tObj.createUploadSubWindow,
	tObj,
	true
);

</script>
	
<!-- ==========  以下がプログラム部   ================ -->

<h4>[sample]　AjaxによるCRUD</h4>
<br>
<!-- Email検索用の入力フィールド -->
<div id="egp-ac-main" style="width:300px;">
<strong>Email</strong>
&nbsp &nbsp &nbsp
<!-- 照会 、リフレッシュ、新規追加のイメージ（ここのクリックイベントに上でハンドラーを設定する）-->
<a id="egp-my-ac-search" href="#" title="リストで照会"><img src="../images/edit-find.png"></a>
&nbsp &nbsp
<a id="egp-my-entry-subwindow-open" href="#" title="データの新規追加"><image src="../images/list-add.png"></a>
&nbsp &nbsp
<a id="egp-my-dt-download" href="egpusersDownload.php" title="ダウンロード">
<image src="../images/download.png"></a>
&nbsp &nbsp
<a id="egp-my-upload-subwindow-open" href="#" title="データのアップロード">
<image src="../images/upload.png"></a>
&nbsp &nbsp
<a id="egp-my-dt-refresh" href="#" title="画面のリフレッシュ"><image src="../images/view-refresh.png"></a>

<br>
<input id="egp-my-ac-text" type="text" size=50> 
<!-- AC表示領域 -->
<div id="egp-my-ac-container"></div>
</div>
<br>
<br>
<hr>
<br>

<!-- テーブルのレンダリング領域 -->
<div id="table1">
</div>
 
<!-- サブウィンドウのレンダリング領域 -->
<div id="egp-my-window"></div>

<!-- ==========  以上がプログラム部   ================ -->

{include '../Myznala/templates/myFooter.tpl'}
